{block title}Kytara akordy - generátor akordů{/block}
{block description}Jak hrát akordy na kytaře? K tomu vám pomůže náš malý generátor akordů.{/block}
{block keywords}akordy na kytaru, kytarové akordy, akordy na kytaře{/block}

{block css}
  <link type="text/css" rel="stylesheet" href="{$basePath}/www/libs/js/jtab/css/jtab-helper.css"/>
{/block}

{block script}
  <script src="{$basePath}/www/libs/js/jtab/javascripts/raphael.js" type="text/javascript"></script>
  <script src="{$basePath}/www/libs/js/jtab/javascripts/jtab.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $('.footer-arrow').show();
          
      redrawResult();
      
      function redrawResult(){
        var root = $("#base option:selected").text();
        var type = $("#type option:selected").text();
        $('#name').text(root + type);
        
        if(root === "B"){
          root = "Bb";
        }
        
        if(root === "H"){
          root = "B";
        }
        
        jtab.render($('#result-1'), root + type + ':1');
        jtab.render($('#result-2'), root + type + ':2');
        jtab.render($('#result-3'), root + type + ':3');
      }
      
      $('#base, #type').change(function(){
        redrawResult();
      });
    });
  </script>
{/block}

{block content}
<div class="col-md-offset-0 col-md-12 content-box page chords">
  <h1>Akordy na kytaře - generátor akordů</h1>
  <div>
    <div id="list-share" class="social-likes" data-counters="no">
      <div class="facebook" title="Sdílejte na Facebooku">Facebook</div>
      <div class="twitter" title="Sdílejte na Twitteru">Twitter</div>
      <div class="plusone" title="Sdílejte na Google+">Google+</div>
    </div>
  </div>
  <p>
    Kromě našich <a href="lekce-kytary#/&mode=kategorie&category=akordy" title="akordy - lekce kytary online">kytarových lekcí o akordech</a>, 
    jsme pro vás připravili jednoduchý generátor akordů. Obsahuje všechny kytarové akordy, které můžete potřebovat.
    V levém výběru si vyberete základní tón akordu, v tom pravém pak typ akordu (prázdné pole znamená 
    durový akord). Různými kombinacemi můžete získat akordy jako např.: Cmi, Cmaj7, Bmi atd. Hledáte-li nějaké 
    akordy k písním, je nejlepší si pořídit nějaký zpěvník s akordy. Když si nebudete vědět rady nebo budete  
    hledat nějaký jiný hmat, je čas na náš generátor kytarových akordů. Akordy na kytaru pro začátečníky i pokročilé 
    naleznete také jako video-lekce v sekci 
    <a href="lekce-kytary#/&mode=kategorie&category=akordy" title="akordy - lekce kytary online">lekce kytary - akordy</a>. 
  </p>
  
  <div id="chooser">
    <span>Od tónu: </span>
    <select id="base" class="form form-text-input">
      <option value="0">C</option>
      <option value="1">D</option>
      <option value="2">E</option>
      <option value="3">F</option>
      <option value="4">G</option>
      <option value="5">A</option>
      <option value="6">H</option>
      <option value="7">C#</option>
      <option value="8">D#</option>
      <option value="9">F#</option>
      <option value="10">G#</option>
      <option value="11">A#</option>
      <option value="12">Db</option>
      <option value="13">Eb</option>
      <option value="14">Gb</option>
      <option value="15">Ab</option>
      <option value="16">B</option>
    </select>
    <span>&nbsp;&nbsp;&nbsp;typ: </span>
    <select id="type" class="form form-text-input">
      <option value="1"></option>
      <option value="2">m</option>
      <option value="3">dim</option>
      <option value="4">aug</option>
      <option value="5">7</option>
      <option value="6">m7</option>
      <option value="7">maj7</option>
      <option value="8">7#5</option>
      <option value="9">7b5</option>
      <option value="10">m7b5</option>
      <option value="11">dim7</option>
      <option value="12">6</option>
      <option value="13">m6</option>
      <option value="14">9</option>
      <option value="15">m9</option>
      <option value="16">maj9</option>
      <option value="17">add9</option>
      <option value="18">69</option>
      <option value="19">7b9</option>
      <option value="20">13</option>
      <option value="21">sus2</option>
      <option value="22">sus4</option>
    </select>
  </div>

  <h2>Nalezené hmaty pro akord&nbsp;&nbsp;<span id="name"></span>:</h2>
  <div id="chord-results" class="row">
    <div id="result-1" class="col-sm-offset-2 col-md-offset-3 col-sm-2"></div>
    <div id="result-2" class="col-sm-2"></div>
    <div id="result-3" class="col-sm-2"></div>
  </div>
</div>
{/block}

